{% extends 'overview/base.html' %}

{% block external %}
	{% load static %}
  <link rel="stylesheet" type="text/css" href="{% static 'css/users/login.css' %}"/>
{% endblock %}

{% block title %}
	输入用户名
{% endblock %}

{% block main %}
	<div class="container">
		<div class="row">
			<div class="col-sm-4 col-sm-offset-4">
				<form class="login-box" role="form" action="{% url 'users:retrieve-username' %}" method="post">
					{% csrf_token %}
	        <!--开头的输入用户名-->
					<div class="text-center">
						<h4>~输入您的用户名~</h4>
					</div>
					<hr/>
	        <!--用户名框-->
	        <!--用户名不存在提示-->
					{% if username_error %}
						<div class="input-group has-error">
							<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
							<input type="text" name="username" class="form-control" placeholder="用户名"/>
						</div>
						<p class="text-danger small">*{{ username_error }}</p>
					{% else %}
						<div class="input-group">
							<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
							<input type="text" name="username" class="form-control" placeholder="用户名"/>
						</div>
					{% endif %}
					<hr/>
	        <!--下一步按钮-->
					<button type="submit" class="btn btn-primary btn-block">下一步</button>
				</form>
			</div>
		</div>
	</div>
{% endblock %}